<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <button id="btnAdd">添加图书</button>

  <script src="./lib/jquery-v3.6.0.js"></script>
  <script>
    $(function () {
      // 点击按钮，添加图书
      $('#btnAdd').on('click', function () {
        // 发起 POST 请求，添加一本新图书
        $.ajax({
          type: 'POST',
          url: 'http://192.168.180.50:3006/api/addbook',
          // 要添加的图书信息
          // 这里的 data 数据，是“请求体”数据，不会被拼接到 URL 地址的末尾
          data: {
            // 图书的名字
            bookname: '水浒传',
            // 作者
            author: '施耐庵',
            // 出版社
            publisher: '江湖出版社'
          },
          success: function (res) {
            console.log(res)
          }
        })
      })
    })
  </script>
</body>

</html>